﻿<%@ Page Title="Add Volunteer" Language="C#" MasterPageFile="~/Resources/AAMMaster.master"
    AutoEventWireup="true" CodeBehind="addvolunteer.aspx.cs" Inherits="LMKJ.addvolunteer" %>

<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">
    <div class="form_name">
        Volunteer Management
    </div>
    <table width="100%">
        <tr>
            <td colspan="2">
                <asp:CustomValidator ID="fieldsValidator" runat="server" OnServerValidate="fieldsValidator_ServerValidate"
                    Display="Dynamic" ErrorMessage="Some required fields are empty! All required fields must be completed to create a volunteer!"
                    ForeColor="Red" ValidationGroup="AddVolunteer"></asp:CustomValidator>
            </td>
        </tr>
        <tr>
            <td>
                <b>NRIC/FIN/PP* </b>
            </td>
            <td>
                <asp:TextBox ID="nricTbx" runat="server" Width="100px" MaxLength="9"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                <b>Name* </b>
            </td>
            <td>
                <asp:TextBox ID="nameTbx" runat="server" Width="100%"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                <b>Date of Birth* </b>
            </td>
            <td>
                <asp:DropDownList ID="monthDdl" runat="server" AutoPostBack="True" OnSelectedIndexChanged="monthDdl_SelectedIndexChanged">
                    <asp:ListItem>Month</asp:ListItem>
                </asp:DropDownList>
                /
                <asp:DropDownList ID="dayDdl" runat="server" Enabled="False">
                    <asp:ListItem>Day</asp:ListItem>
                </asp:DropDownList>
                /
                <asp:DropDownList ID="yearDdl" runat="server" Enabled="False">
                    <asp:ListItem>Year</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td>
                <b>Gender </b>
            </td>
            <td>
                <asp:RadioButtonList ID="genderRbl" runat="server" RepeatDirection="Horizontal">
                    <asp:ListItem Selected="True">Male</asp:ListItem>
                    <asp:ListItem>Female</asp:ListItem>
                </asp:RadioButtonList>
            </td>
        </tr>
        <tr>
            <td>
                <b>Address* </b>
            </td>
            <td>
                <asp:TextBox ID="addressTbx" runat="server" Width="100%"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                <b>Postal Code*</b>
            </td>
            <td>
                <asp:TextBox ID="postalTbx" runat="server" MaxLength="6" Width="100px"></asp:TextBox>
                <asp:CustomValidator ID="postalValidator" runat="server" OnServerValidate="postalValidator_ServerValidate"
                    Display="Dynamic" ErrorMessage="Please input numbers only!" ForeColor="Red" ValidationGroup="AddVolunteer"></asp:CustomValidator>
            </td>
        </tr>
        <tr>
            <td>
                <b>Telephone* </b>
            </td>
            <td>
                <asp:TextBox ID="telephoneTbx" runat="server" Width="100px" MaxLength="8"></asp:TextBox>
                <asp:CustomValidator ID="telephoneValidator" runat="server" OnServerValidate="telephoneValidator_ServerValidate"
                    Display="Dynamic" ErrorMessage="Please input numbers only!" ForeColor="Red" ValidationGroup="AddVolunteer"></asp:CustomValidator>
            </td>
        </tr>
        <tr>
            <td>
                <b>Email* </b>
            </td>
            <td>
                <asp:TextBox ID="emailTbx" runat="server" Width="100%"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                <b>Available Day: </b>
            </td>
            <td>
                <asp:CheckBoxList ID="availableDayCbx" runat="server" RepeatColumns="4" RepeatDirection="Horizontal">
                    <asp:ListItem>Monday</asp:ListItem>
                    <asp:ListItem>Tuesday</asp:ListItem>
                    <asp:ListItem>Wednesday</asp:ListItem>
                    <asp:ListItem>Thursday</asp:ListItem>
                    <asp:ListItem>Friday</asp:ListItem>
                    <asp:ListItem>Saturday</asp:ListItem>
                    <asp:ListItem>Sunday</asp:ListItem>
                </asp:CheckBoxList>
            </td>
        </tr>
        <tr>
            <td>
                <b>Description: </b>
            </td>
            <td>
                <asp:TextBox ID="descriptionTbx" runat="server" Width="100%" Height="100px" TextMode="MultiLine"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <b>*Required Fields </b>
            </td>
        </tr>
        <tr>
            <td colspan="2">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <asp:Button ID="addBtn" runat="server" Text="Add Volunteer" OnClick="addBtn_Click"
                    CssClass="buttonAddVolunteer" ValidationGroup="AddVolunteer" />
                <asp:Button ID="cancelBtn" runat="server" Text="Cancel" OnClick="cancelBtn_Click"
                    CssClass="buttonCancel" />
            </td>
        </tr>
    </table>
</asp:Content>
